import {
  StyleSheet
} from 'react-native';
import pxSize from '../util/pxSize';

const styles = StyleSheet.create({

  container: {
    backgroundColor: 'rgba(0, 0, 0, 0)',
    position: 'relative'
    // flex:1
  },
  contentContainerStyle: {
   
  },
  time: {
    flexDirection: "column",
    justifyContent: 'center',
    alignItems: 'center'
  },
  time_numb: {
    color: '#fff'

  },
  time_unit: {
    color: '#fff',
    height: pxSize(30)
  },
  on_off: {
    shadowOffset: { width: 0, height: pxSize(.5) },
    shadowOpacity: 0.05,
    shadowRadius: 5,
    shadowColor: "#666",
    elevation: pxSize(.5), // 安卓端阴影
    position: 'relative',
    height: pxSize(100),
    marginTop: pxSize(10),
    marginLeft: pxSize(20),
    marginRight: pxSize(20),
    backgroundColor: "#fff",
    borderRadius: pxSize(10),
    flexDirection: "row",
    alignItems: "center"
    
   

  },
  click_change: {
    // 以下是阴影属性：
    // ios
    shadowOffset: { width: 0, height: pxSize(.5) },
    shadowOpacity: 0.05,
    shadowRadius: 5,
    shadowColor: "#666",
    // Andsoid
    elevation: pxSize(.8), // 安卓端阴影
    height: pxSize(170),
    backgroundColor: '#fff',
    marginLeft: pxSize(20),
    marginTop: pxSize(10),
    marginRight: pxSize(20),
    borderRadius: pxSize(10),
    flexDirection: "row"


  },
  click_item: {
    height: pxSize(170),
    flex: 1,
    alignItems: 'center',
    justifyContent: "center"
  },
  buttonStyle: {
    justifyContent: 'center',
    alignItems: "center",
    height: pxSize(70),
    width: pxSize(70),
    borderRadius: pxSize(35),
    borderWidth: pxSize(1),
    borderColor: '#CDCDCD'
  },
  click_title: {
    marginTop: pxSize(10),
    color: '#CDCDCD',
    fontSize: pxSize(17)
  }
});

export default styles;
